<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="{{$settings.Meta_Description.value}}" />
	<meta name="keywords" content="{{$settings.Meta_Keywords.value}}" />
	<meta name="author" content="{{$settings.Author.value}}" />
	<link rel="stylesheet" type="text/css" href="{{$theme_url}}_css/main.css" title="Default Main.css" media="screen,projection" />
	<link rel="stylesheet" href="{{$theme_url}}_fancybox/fancy.css" type="text/css" media="screen" />
	<title>{{$content.page_title}} &raquo; {{$settings.Site_Name.value}}</title>
	<script type="text/javascript" src="{{$theme_url}}_js/jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="{{$theme_url}}_fancybox/jquery.metadata.js"></script>
	<script type="text/javascript" src="{{$theme_url}}_fancybox/jquery.pngFix.pack.js"></script>
	<script type="text/javascript" src="{{$theme_url}}_fancybox/jquery.fancybox-1.0.0.js"></script>
	<script type="text/javascript" src="{{$theme_url}}_js/jquery.bgiframe.min.js"></script>
	<script type="text/javascript" src="{{$theme_url}}_js/superfish.js"></script>
	<script type="text/javascript" src="{{$theme_url}}_js/supersubs.js"></script>
	<script type="text/javascript">
	$(document).ready(function () {
		$('a:has(img)').fancybox({
			'overlayShow' : true,
			'overlayOpacity' : 0.7
		});
		$('#nav .gutter > ul > li > a:even').addClass('alt');
		$('#nav .gutter > ul > li > a').addClass('top');
		$("#nav .gutter > ul").supersubs({ 
			minWidth:    15,   // minimum width of sub-menus in em units 
			maxWidth:    27,   // maximum width of sub-menus in em units 
			extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
		}).superfish({
			hoverClass: 'hover',
			delay: 0,
			dropShadows: false,
			autoArrows: false
		}).find('ul').hover(function() {
			parents = $(this).parent('li');
			$(parents).addClass('selected');
		}, function () {
			$(parents).removeClass('selected');
		}); 
	});
	</script>
<!--[if IE 7]>
<style type="text/css">
#nav .gutter {
    margin-right:-1px;
}
#container .gutter {
    margin-left:2px;
}
#footer {
	margin-left:1px;
}
</style>
<![endif]-->
<!--[if IE 6]>
<style type="text/css">
body {background:#333;}
#con {background:white;width:960px;margin:auto;}
#sidebar {margin-right:12px;}
#footer {background:#222;}
#footer .gutter {padding:20px 0;}
#footer .col .gutter {background:#151515;}
</style>
<![endif]-->
	{{$system_head}}
</head>

<body>
<div id="con">
	<div id="wrapper">
    	<div class="gutter">
            <div id="topBar">
                <div class="gutter">
                
                </div>
            </div>
            <div id="nav">
                <div class="gutter">
					{{navigation ulid="nav' class='sf-menu" subulclass='sub-nav' selected='selected'}}
                </div>
            </div>
            <div id="container">
                <div class="gutter">
                    &nbsp;
                </div>
            </div>
            <div id="content">
                <div class="gutter">
                	<h2>{{pageTitle}}</h2>
					{{pageContent}}
					<br class='clear'/>
                </div>
            </div>
            <div id="sidebar">
                <div class="gutter">
                	<h2>2nd Nav</h2>
					{{secondaryNavigation ulid="sidebar-nav" subulclass='sidebar-sub-nav' selected='selected'}}
                	<h2>{{staticContent name='Sidebar Title' default="Sidebar Title" textOnly="yes"}}</h2>
					{{staticContent name='Sidebar Content' default="<p>text goes here</p>"}}
                </div>
            </div>
        </div>
    </div>
    <br class="clear" />
 </div>
           <div id="footer">
                <div class="gutter">
                    <div class="col col-1">
                        <div class="gutter">
                            <h3>{{staticContent name='Column 1 Title' default="Links"}}</h3>
                            {{staticContent name='Column 1 Content' default="<ul><li><a href='http://getfirefox.com'>Firefox</a></li></ul>"}}
                        </div>
                    </div>
                    <div class="col col-2">
                        <div class="gutter">
                            <h3>{{staticContent name='Column 2 Title' default="Other"}}</h3>
                            {{staticContent name='Column 2 Content' default="<ul><li><a href='http://getfirefox.com'>Firefox</a></li></ul>"}}
                        </div>
                    </div>
                 <br class="clear" />
                 </div>
                 <br class="clear" />
            </div>               
</body>
</html>
